<template>
    <el-card style="overflow: auto">
        <h3>订单列表</h3>
    </el-card>
    <el-card style="margin-top:5px;overflow: auto;height: 580px">
        <el-table :data="tableData" style="width: 100%">
            <el-table-column prop="date" label="Date" width="180" />
            <el-table-column prop="name" label="Name" width="180" />
            <el-table-column prop="address" label="Address" />
            <el-table-column label="操作" align="center">
                <template #default="scope">
                    <el-button link type="primary">编辑</el-button>
                    <el-button link type="primary">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
    </el-card>

</template>

<script setup>

import {ref} from "vue";

const tableData=ref([
    {
        date: '2016-05-03',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles',
    },
    {
        date: '2016-05-02',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles',
    }
])
</script>

<style scoped>

</style>